import { defineStore } from "pinia";
import { computed, ref } from "vue";

// export const useCounterStore = defineStore("counter",{
//   state: () => ({ count: 1 }),
//   getters: {
//     doubleCount: (state) => state.count * 2,
//   },
//   actions: {
//     increment() {
//       this.count++;
//     },
//   },
// });

export const useCounterStore = defineStore("counter", () => {
  const count = ref(1);
  const doubleCount = computed(() => count.value * 2);
  const increment = () => {
    count.value = count.value + 2;
  };
  // function increment() {
  //   count.value++;
  // }
  return { count, doubleCount, increment };
});
